<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>品牌介绍</title>
    <script>
        var html5Tags = ['header', 'footer', 'article', 'nav', 'section', 'aside']
        for (var i = 0; i < html5Tags.length; i++) {
            document.createElement(html5Tags[i]);
        }
    </script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/product_details.css">
</head>

<body>
    <header>
        <section class="headerin clearfix">
            <a href="" class="logo"></a>
            <nav>
                <ul class="navul clearfix">
                    <li><a href="index.html" >首页</a></li>
                    <li><a href="introduce.html">关于我们</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html"class="curr">产品中心</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="loginbox">
                    <div class="up">
                        <span class="iconperson"></span>
                    </div>
                    <div class="down">
                        <a href="login.html" class="btnLogin">立即登录</a>没有账号？
                        <a href="registered.html" class="linkReg">立即注册</a><br />
                        <a href="buycar.html">我的购物车</a><br />
                        <a href="confirm_information.html">我的订单</a><br />
                        <div>
                            <input type="text" class="inputText"><input type="button" class="inputBtn">
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </header>
    <div class="submenu">
        <a href="#">当前位置：</a>>
        <a href="#">首页</a>>
        <a href="#">品牌介绍</a>>
        <a href="#">产品详情</a>
    </div>
    <section class="main">
        <div class="top">
            <div class="right">
                <span class="title">L65-Z2 65英寸液晶电视</span><br>
                <span class="content">全新机器.一年包换.三年保修.我们赠送运费险不满意可退货.真正零风险.工厂销售价格合理 70寸暗线屏590 65寸完美屏高清电清电视620
                    量大更优，销售电话020-8450780，手机13928735987 欢迎来电咨询</span><br>
                <span class="type">价格</span><span class="money">¥5000</span><br>
                <span class="type">套餐类型</span>
                <div class="selcet">官网标配</div><br>
                <span class="type">颜色分类</span>
                <div class="selcet">银色包边超窄边框</div><br>
                <span class="type">配送</span><span
                    class="type">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp北京&nbsp&nbsp至&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp广东广州&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp快递
                    ¥6.00&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp卖家承诺48小时内发货</span><br>
                <span class="type">数量</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <div class="counter">
                    <button class="num-button">-</button>
                    <span class="num">1</span>
                    <button class="num-button">+</button>
                </div><span class="type">&nbsp&nbsp件&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp（库存1423件）</span><br>
                <span>
                    <div class="leftbuy">
                        <img src="img/gouwuche.png" alt="" height="27px">
                        加入购物车
                    </div>
                    <div class="rightbuy">
                        <img src="img/lijigoumai.png" alt="">
                        立即购买
                    </div>
                </span>
                <div class="rightbuttom">
                    <div class="top">
                        <div class="curr">商品介绍</div>
                        <div>规格参数</div>
                        <div class="none">包装清单</div>
                    </div>
                    <div class="buttom">
                        <div style="float: left;">
                            <li>商品名称：L65-Z2 65英寸液晶电视</li>
                            <li>商品编号：14651 </li>
                            <li>附加功能：wifi</li>
                        </div>
                        <div style="float: left;margin-left: 30px;">
                            <li>屏幕：4k屏</li>
                            <li>商品毛重：10kg </li>
                            <li>上架时间：2016-04-01</li>
                        </div>
                        <div style="float: left;margin-left: 40px;">
                            <li>品牌：日立</li>
                            <li>&nbsp</li>
                            <li>商品产地：深圳</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left">
                <img src="img/yulantu.png" alt="" class="yulantu">
                <div class="leftbottom">
                    <img src="img/up.png" alt=""style="height: 50px;width: 15px;">
                    <img src="img/yulan1.png" alt="">
                    <img src="img/yulan2.png" alt="">
                    <img src="img/yulan3.png" alt="">
                    <img src="img/yulan4.png" alt="">
                    <img src="img/next.png" alt=""style="height: 50px;width: 15px;">
                </div>
            </div>
        </div>
        <div class="buttom">
            <aside class="pageLeft">
                <h2>搜索范围</h2>
                <div class="selectArea">
                    <div class="item">
                        <div class="head">类型<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="item itemOpen">
                        <div class="head">系列<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li class="curr">
                                    <a href="#"><span class="iconSquare"></span>系列一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>系列二</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>系列二</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>系列二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">屏幕尺寸<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">连接性能<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">距离<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">屏幕大小<span class="iconMore"></span></div>
                        <div class="body">
                            <ul class="clearfix">
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项一</a>
                                </li>
                                <li>
                                    <a href="#"><span class="iconSquare"></span>选项二</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <a href="#" class="btnClear">清除所有</a>
            </aside>
            <aside class="pageRight">
                <img src="img/bottom1.png" alt="">
                <img src="img/bottom2.png"  style="margin: 36px 140px;"alt="">
                <img src="img/bottom3.png" style="margin: -26px 114px 50px 114px; " alt="">
                <img src="img/bottom4.png" alt="">
                <img src="img/bottom5.png" style="margin: 25px 90px; " alt="">
                <img src="img/bottom6.png" style="margin: 20px 70px; " alt="">
                <div class="liaojie">
                    <div>了解更多精彩信息</div>
                </div>
            </aside>
        </div>
        <div class="buttomBtn">
            <li><img src="img/7day.png" alt="">7天无理由退货</li>
            <li><img src="img/1hour.png" alt="">1小时上门快速安装</li>
            <li><img src="img/30day.png" alt="">30天换货承诺</li>
            <li><img src="img/24hours.png" alt="">24小时客服热线</li>
        </div>
    </section>
    <footer>
        copyright ©2016 hitachi.com all rights reserved 中国日立集团有限公司版权所有 京ICP备012345号-1
    </footer>
    <script src="js/index.js"></script>
</body>

</html>